@charset "UTF-8";

html, body {
	width:100%; height:100%; min-height:100%;
}

/** 防止其他框架修改body的字体大小和行高 **/
body, body > * {
	margin:0;
	font-size:14px; line-height: 1.42857143;
	font-family:"Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
}

input, textarea, keygen, select, button { font-family:"Microsoft Yahei"; font-size:16px; }

dl, dt, dd, ul, ol, li {
	margin:0; padding:0;
	list-style:none;
}
fieldset {
	border:1px solid #D2D6DE;
	line-height:17px;
	padding:5px 10px 8px;
}

img { border:0; max-width: 100%; }
p img { height: auto; }

i { font-style: normal; }

a { text-decoration:none; cursor: pointer;}
a.link { color:#00539a; text-decoration: underline; }
a.plain { text-decoration:none; }
a.plain:hover { text-decoration:none; }
ul { padding-left:0; }
li { list-style-type:none; }

/** 超长时以省略号显示 **/
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/** 必填的星号 **/
.asterisk { font-style: normal; font-family: monospace, serif; margin-right:3px; }
.asterisk:before { content: '*'; color: red; }
/** 删除线 **/
.deleted-line { text-decoration: line-through; }
/** 加载中图标 **/
.icon-loading {
	display:inline-block; width:16px; height:16px;
	vertical-align: middle;
	background:url(../../libs/easyui/themes/default/images/loading.gif) no-repeat scroll center center;
}
.data-loading {
	background: url(../../img/common/loading.gif) no-repeat scroll center center;
}
/** <div class="data-not-found"> <div class="content">暂无数据</div> </div> **/
.data-not-found {
	display: table;
	width: 100%;
}
.data-not-found .content {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	float: none;
}

table.loose td, table.loose th, form table td, form table th {
	padding: 3px;
}
form table.loose {
	margin-left: auto;
	margin-right: auto;
}

html body .mt-split { margin-top:15px; }

html body .display-none { display:none; }
html body .display-block { display:block; }
html body .display-inline { display:inline; }
html body .display-inline-block { display:inline-block; }
html body .hide { display:none !important; }
html body .clear { clear:both; }
html body .warn { color:red; }
html body .succ { color:blue; }
html body .input-warn input { color:red; }

html body .text-left { text-align:left; }
html body .text-center { text-align:center; }
html body .text-right { text-align:right; }
html body .font-bold { font-weight: bold; }

html body .color-def, html body a.color-def:hover { color:#333; }
html body .color-main, html body a.color-main:hover { color:green; } /* #77CC00 */
html body .color-warn, html body a.color-warn:hover { color:#F75858; }
html body .color-succ, html body a.color-succ:hover { color:#3198F7; }
html body .color-info, html body a.color-info:hover { color:#3AC17E; }
html body .color-weak, html body a.color-weak:hover { color:#999999; }


html body .cursor-pointer { cursor:pointer; }
html body .cursor-default { cursor:default; }

html body .width-auto { min-width: auto !important; width: auto !important; }
html body .height-auto { min-height: auto !important; height: auto !important; }
html body .width-clear { min-width: 0 !important; width: 0 !important; }
html body .height-clear { min-height: 0 !important; height: 0 !important; }


html body .flt-lft { float:left; }
html body .flt-rgt { float:right; }


/****\
mt/mb/ml/mr = margin  top/bottom/left/right
pt/pb/pl/pr = padding top/bottom/left/right
fz = font-size
xs/sm/md/lg/xl = extra small/small/middle/large/extra large
\****/

html body .bg-clear { background-color:transparent; }
html body .bg-white, html body.bg-white { background-color:#FFFFFF; }
html body .bg-grey, html body.bg-grey, html body .bg-light-grey, html body.bg-light-grey { background-color:#F4F4F4; }

html body .fz-xs { font-size:0.75em; }
html body .fz-sm { font-size:0.875em; }
html body .fz-md { font-size:1em; }
html body .fz-lg { font-size:1.2em; }
html body .fz-xl { font-size:1.5em; }

html body .mt-split { margin-top:15px !important; }

html body .mt-xs { margin-top:10px !important; }
html body .mt-sm { margin-top:20px !important; }
html body .mt-md { margin-top:30px !important; }
html body .mt-lg { margin-top:40px !important; }
html body .mt-xl { margin-top:50px !important; }

html body .mb-xs { margin-bottom:10px !important; }
html body .mb-sm { margin-bottom:20px !important; }
html body .mb-md { margin-bottom:30px !important; }
html body .mb-lg { margin-bottom:40px !important; }
html body .mb-xl { margin-bottom:50px !important; }

html body .mtb-xs { margin-top:10px !important; margin-bottom:10px !important; }
html body .mtb-sm { margin-top:20px !important; margin-bottom:20px !important; }
html body .mtb-md { margin-top:30px !important; margin-bottom:30px !important; }
html body .mtb-lg { margin-top:40px !important; margin-bottom:40px !important; }
html body .mtb-xl { margin-top:50px !important; margin-bottom:50px !important; }

html body .ml-xs { margin-left:10px !important; }
html body .ml-sm { margin-left:20px !important; }
html body .ml-md { margin-left:30px !important; }
html body .ml-lg { margin-left:40px !important; }
html body .ml-xl { margin-left:50px !important; }

html body .mr-xs { margin-right:10px !important; }
html body .mr-sm { margin-right:20px !important; }
html body .mr-md { margin-right:30px !important; }
html body .mr-lg { margin-right:40px !important; }
html body .mr-xl { margin-right:50px !important; }

html body .mlr-xs { margin-left:10px !important; margin-right:10px !important; }
html body .mlr-sm { margin-left:20px !important; margin-right:20px !important; }
html body .mlr-md { margin-left:30px !important; margin-right:30px !important; }
html body .mlr-lg { margin-left:40px !important; margin-right:40px !important; }
html body .mlr-xl { margin-left:50px !important; margin-right:50px !important; }

html body .pt-xs { padding-top:10px !important; }
html body .pt-sm { padding-top:20px !important; }
html body .pt-md { padding-top:30px !important; }
html body .pt-lg { padding-top:40px !important; }
html body .pt-xl { padding-top:50px !important; }

html body .pb-xs { padding-bottom:10px !important; }
html body .pb-sm { padding-bottom:20px !important; }
html body .pb-md { padding-bottom:30px !important; }
html body .pb-lg { padding-bottom:40px !important; }
html body .pb-xl { padding-bottom:50px !important; }

html body .ptb-xs { padding-top:10px !important; padding-bottom:10px !important; }
html body .ptb-sm { padding-top:20px !important; padding-bottom:20px !important; }
html body .ptb-md { padding-top:30px !important; padding-bottom:30px !important; }
html body .ptb-lg { padding-top:40px !important; padding-bottom:40px !important; }
html body .ptb-xl { padding-top:50px !important; padding-bottom:50px !important; }

html body .pl-xs { padding-left:10px !important; }
html body .pl-sm { padding-left:20px !important; }
html body .pl-md { padding-left:30px !important; }
html body .pl-lg { padding-left:40px !important; }
html body .pl-xl { padding-left:50px !important; }

html body .pr-xs { padding-right:10px !important; }
html body .pr-sm { padding-right:20px !important; }
html body .pr-md { padding-right:30px !important; }
html body .pr-lg { padding-right:40px !important; }
html body .pr-xl { padding-right:50px !important; }

html body .plr-xs { padding-left:10px !important; padding-right:10px !important; }
html body .plr-sm { padding-left:20px !important; padding-right:20px !important; }
html body .plr-md { padding-left:30px !important; padding-right:30px !important; }
html body .plr-lg { padding-left:40px !important; padding-right:40px !important; }
html body .plr-xl { padding-left:50px !important; padding-right:50px !important; }

html body .pt-clear { padding-top:0 !important; }
html body .pb-clear { padding-bottom:0 !important; }
html body .pl-clear { padding-left:0 !important; }
html body .pr-clear { padding-right:0 !important; }
html body .ptb-clear { padding-top:0 !important; padding-bottom:0 !important; }
html body .plr-clear { padding-left:0 !important; padding-right:0 !important; }

html body .mt-clear { margin-top:0 !important; }
html body .mb-clear { margin-bottom:0 !important; }
html body .ml-clear { margin-left:0 !important; }
html body .mr-clear { margin-right:0 !important; }
html body .mtb-clear { margin-top:0 !important; margin-bottom:0 !important; }
html body .mlr-clear { margin-left:0 !important; margin-right:0 !important; }

html body .padding-clear { padding:0 !important; }
html body .margin-clear { margin:0 !important; }
html body .border-clear { border-width:0 !important; }

html body .border-top-light { border-top: 1px solid #95B8E7; }
html body .border-bottom-light { border-bottom: 1px solid #95B8E7; }
html body .border-top-dark { border-top: 1px solid #E6E6E6; }
html body .border-bottom-dark { border-bottom: 1px solid #E6E6E6; }

html body .overhide { overflow:hidden; }

html body .scroll-x { overflow-x:auto; overflow-y:hidden; max-width:100%; word-break:keep-all; white-space:nowrap; }
html body .scroll-y { overflow-x:hidden; overflow-y:auto; max-height:100%; }

html body .pst-static { position:static; }
html body .pst-fixed { position:fixed; }
html body .pst-relative { position:relative; }
html body .pst-absolute { position:absolute; }
html body .pst-tl { position:absolute; top:0; left:0; }
html body .pst-tr { position:absolute; top:0; right:0; }
html body .pst-br { position:absolute; bottom:0; right:0; }
html body .pst-bl { position:absolute; bottom:0; left:0; }
html body .pst-full { position:absolute; bottom:0; left:0; width:100%; height:100%; }




/** 垂直居中 **/
.valign-middle-wrap { position:static; display:table; height:100%; margin:auto; }
.valign-middle-box { position:static; display:table-cell; vertical-align:middle; }

.valign-middle-wrap { *position:relative; *display:block; *width:410px; }
.valign-middle-wrap .valign-middle-box { *position:absolute; *display:block; *top:50%; *left:0; }
.valign-middle-wrap .valign-middle { *position:relative; *display:block; *top:-50%; }

/** CSS3垂直居中 **/
.vertical-middle {
	top:50% !important;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
/*
.vertical-middle {
    position: absolute;
    left: 0; right: 0;
}
*/


/** 右上角半圆形的关闭按钮 **/
.x-panel-close {
	position:absolute;
	border-radius:50%;
	top:-35px; right:-35px;
	width:80px; height:80px;
	z-index:90000;
	cursor:pointer;
}
.x-panel-close .bg {
	position:absolute;
	width:100%; height:100%;
	top:0; right:0;
	border-radius:50%;
	background:#CCCCCC;
	opacity: 0.3; filter: alpha(opacity=30);
	z-index:1;
}
.x-panel-close i {
	position: absolute;
	display:block;
	width:30px; height:30px; line-height:30px;
	top:35px; right:35px;
	text-align:center;
	font-size: 20px;
	color:#3C569D;
	z-index:2;
}
.x-panel-close:hover .bg {
	opacity: 1; filter: alpha(opacity=100);
}


/** 图片上传 **/
/*
<div class="x-image-upload">
	<div class="img"><img /></div>
	<input type="hidden" name="image0"/>
	<input class="x-filebox" style="width:130px" name="files0" data-zupload="image0" data-options="validType:['extension[\'图片\',\'jpg|jpeg|png\']'],prompt:'请选择图片',buttonText:'选择'" />
</div>
*/
.x-image-upload {
	width:130px; float:left; margin-right:5px; margin-bottom:5px;
}
.x-image-upload input {
	width:126px;
}
.x-image-upload .img {
	position:relative;
	width:100%; height:130px;
	margin-top:0px;margin-bottom:1px; padding:2px;
	border-radius:3px; border:1px solid #D2D6DE;
	text-align:center; font-size:0;
}
.x-image-upload .filebox + .img {
	margin-top:1px;
}
.x-image-upload .cannt-preview {
	height:100%;
	color:#AAAAAA; font-size:13px; line-height:20px;
}
.x-image-upload .cannt-preview + img[src] {
	display:none;
}
.x-image-upload img {
	display:none;
	max-width:98%; max-height:98%;
	position: absolute;
	_position: relative;
    left: 50%; top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.x-image-upload img[src] {
	display:inline;
}

/** 图片显示 **/
.x-image-box {
	text-align:center;
}
.x-image-box .img {
	position:relative; display:inline-block;
	width:100px; height:100px; line-height:100px;
	margin-top:1px;margin-bottom:1px; padding:2px;
	border-radius:3px; border:1px solid #D2D6DE;
	text-align:center; font-size:0;
	cursor:pointer;
}
.x-image-box img {
	display:none;
	max-width:100%; max-height:100%; vertical-align:middle;
}
.x-image-box img[src] {
	display:inline;
}



/** 以方块的形式展示列表 **/
.block-list {
	margin: 0 auto;
	padding:10px;
	text-align:center;
	font-size:0;
}
.block-list .item {
	font-size:13px;
	display:inline-block;
	min-width:20px;
    min-height:20px;
	margin:8px;
	padding:5px;
	line-height:20px;
	cursor: pointer;
	text-align:left;
    background-color:#E1E1E1;
	background-image: -webkit-linear-gradient(315deg,  rgba(255, 255, 255, .50) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .50) 50%, rgba(255, 255, 255, .50) 75%, transparent 75%, transparent);
	background-image:      -o-linear-gradient(315deg, rgba(255, 255, 255, .50) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .50) 50%, rgba(255, 255, 255, .50) 75%, transparent 75%, transparent);
	background-image:         linear-gradient(315deg, rgba(255, 255, 255, .50) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .50) 50%, rgba(255, 255, 255, .50) 75%, transparent 75%, transparent);
	-webkit-background-size: 40px 40px;
	        background-size: 40px 40px;
}
.block-list .item:hover, .block-list .item.active { background-color:#CCCCCC; }
.block-list .item.primary { background-color:#337ab7; /*蓝色代表首选*/ }
.block-list .item.primary:hover, .block-list .item.primary.active { background-color: #286090; }
.block-list .item.success { background-color:#5cb85c; /*绿色代表成功*/ }
.block-list .item.success:hover, .block-list .item.success.active { background-color: #449d44; }
.block-list .item.info { background-color:#5bc0de; /*浅蓝代表信息*/ }
.block-list .item.info:hover, .block-list .item.info.active { background-color: #31b0d5; }
.block-list .item.warning { background-color:#f0ad4e; /*橙黄代表警告*/ }
.block-list .item.warning:hover, .block-list .item.warning.active { background-color: #ec971f; }
.block-list .item.danger { background-color:#d9534f; /*红色代表危险*/ }
.block-list .item.danger:hover, .block-list .item.danger.active { background-color: #c9302c; }
.block-list .item .bg {
	position:relative;
	float:left;
	width:100%;
	height:100%;
	*background-color:#FFFFFF;
	background-color:rgba(255,255,255,0.7);
}
.block-list .item.primary .bg, .block-list .item.success .bg,
.block-list .item.info .bg, .block-list .item.warning .bg,
.block-list .item.danger .bg {
	*background-color:#FFFFFF;
	background-color:rgba(255,255,255,0.9);
}
.block-list .item:hover .bg, .block-list .item.active .bg {
	opacity: 1; filter: alpha(opacity=100);
}
.block-list .item p {
	margin:12px 10px;
}

/*****************************************\
	修改DataTables样式
\*****************************************/
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border-bottom-width: 0px;
}
.dt-bootstrap .row:first-child table.dataTable {
	margin-top: 0 !important;
}
/*****************************************\
	修改星级评价插件(jquery.raty.ls)的样式
\*****************************************/
.star-rating {
	margin:0 auto; height:24px;
}
/*****************************************\
	修改datepicker3.css的BUG
\*****************************************/
html body .input-daterange .input-group-addon {
	/** BUG width:auto 导致日期范围选择与其他输入框无法对齐 **/
	width: 1%;
}
/*****************************************\
	修改select2的BUG
\*****************************************/
.select2-container {
	/** BUG 通过JS写死宽度, 导致窗口大小变化时无法自适应 **/
	width: auto !important;
}

/*****************************************\
	Bootstrap 样式改写
\*****************************************/
.tooltip, .popover {
	font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/** 间距太小了, 5px改为10px **/
.btn-toolbar {
	margin-left: -10px;
}
.btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group {
	margin-left: 10px;
}
/** 在按钮上显示popover错误, popover移除之后按钮之间的空格消失了, 导致按钮的间距会变动 **/
.modal-footer {
	font-size: 0;
}
.modal-footer .btn+.btn,
.modal-footer .popover+.btn {
	margin-left: 10px;
}
hr {
	border-top: 1px solid #DDD;
}
/** 微软雅黑加粗太难看了 **/
label {
	font-weight: normal;
}
/** 按钮放在输入框左边时有一条缝 **/
.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
	border-right: 0; margin-right: -1px;
}
/** 按钮放在输入框组时保持与input-group-addon一样的底色 **/
.input-group-btn > .btn.btn-default {
	background-color: #eee;
}
/** 输入框左右的图标对齐 **/
.input-group-addon:first-child, .input-group-addon:last-child {
	min-width: 40px;
}
/** Bootstrap与EasyUI冲突 **/
.datagrid-pager.pagination {
	border-radius:0;
}
/*****************************************\
	Bootstrap 样式增强
\*****************************************/
/** 增加 Progress Bar 尺寸 **/
.progress.sm {
  height: 10px;
}
.progress.sm,
.progress.sm .progress-bar {
  border-radius: 1px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.progress.xs {
  height: 7px;
}
.progress.xs,
.progress.xs .progress-bar {
  border-radius: 1px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.progress.xxs {
  height: 3px;
}
.progress.xxs,
.progress.xxs .progress-bar {
  border-radius: 1px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-group + .form-group.anear {
	margin-top:-10px;
}

/*****************************************\
	AdminLTE 样式改写
\*****************************************/
/** .menu与easyui冲突 **/
.dropdown-menu .menu {
	border-width:0;
	color: #666666;
	background-color: transparent;
	position: static;
}
/** 为避免邻近的选中项与hover效果色块混在一起, 加1px间隔 **/
.navbar-nav > li {
	margin-left:1px;
}
.sidebar-menu > li {
	margin-bottom:1px;
}
/** Microsoft Yahei **/
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: "Microsoft Yahei", Arial, sans-serif;
}
/** 顶部导航栏字体加大 **/
.main-header .navbar .nav > li > a {
	font-size:1.15em;
}
/** 导航栏下拉菜单加阴影 **/
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
	box-shadow: 0 1px 10px #AAAAAA;
}

/*****************************************\
	DataTable样式改写
\*****************************************/
table.dataTable thead > tr > th.sorting_disabled,
table.dataTable thead > tr > td.sorting_disabled {
	padding-right: 8px;
}

/*****************************************\
	NiceScroll滚动条样式改写
\*****************************************/
.nicescroll-rails {
    border-radius: 3px;
    background: #888;
}


.vld-tips.vld-error {
	display: block;
	color:#FF5522; font-style:normal;
}



.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 1400px) {
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: left;
  }
  .col-xl-12 {
    width: 100%;
  }
  .col-xl-11 {
    width: 91.66666667%;
  }
  .col-xl-10 {
    width: 83.33333333%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-8 {
    width: 66.66666667%;
  }
  .col-xl-7 {
    width: 58.33333333%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-5 {
    width: 41.66666667%;
  }
  .col-xl-4 {
    width: 33.33333333%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-2 {
    width: 16.66666667%;
  }
  .col-xl-1 {
    width: 8.33333333%;
  }
  .col-xl-pull-12 {
    right: 100%;
  }
  .col-xl-pull-11 {
    right: 91.66666667%;
  }
  .col-xl-pull-10 {
    right: 83.33333333%;
  }
  .col-xl-pull-9 {
    right: 75%;
  }
  .col-xl-pull-8 {
    right: 66.66666667%;
  }
  .col-xl-pull-7 {
    right: 58.33333333%;
  }
  .col-xl-pull-6 {
    right: 50%;
  }
  .col-xl-pull-5 {
    right: 41.66666667%;
  }
  .col-xl-pull-4 {
    right: 33.33333333%;
  }
  .col-xl-pull-3 {
    right: 25%;
  }
  .col-xl-pull-2 {
    right: 16.66666667%;
  }
  .col-xl-pull-1 {
    right: 8.33333333%;
  }
  .col-xl-pull-0 {
    right: auto;
  }
  .col-xl-push-12 {
    left: 100%;
  }
  .col-xl-push-11 {
    left: 91.66666667%;
  }
  .col-xl-push-10 {
    left: 83.33333333%;
  }
  .col-xl-push-9 {
    left: 75%;
  }
  .col-xl-push-8 {
    left: 66.66666667%;
  }
  .col-xl-push-7 {
    left: 58.33333333%;
  }
  .col-xl-push-6 {
    left: 50%;
  }
  .col-xl-push-5 {
    left: 41.66666667%;
  }
  .col-xl-push-4 {
    left: 33.33333333%;
  }
  .col-xl-push-3 {
    left: 25%;
  }
  .col-xl-push-2 {
    left: 16.66666667%;
  }
  .col-xl-push-1 {
    left: 8.33333333%;
  }
  .col-xl-push-0 {
    left: auto;
  }
  .col-xl-offset-12 {
    margin-left: 100%;
  }
  .col-xl-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xl-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .col-xl-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xl-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .col-xl-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xl-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .col-xl-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xl-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xl-offset-0 {
    margin-left: 0;
  }
}
